/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18;border-bottom:1px solid #f4f4f4;background:#FFF}
.header .htop{background:#0a0a0a;padding:0 .3rem;text-align:center;position:relative}
.header .htop h1 {font-size:.18rem;color:#FFF;font-weight:bold;line-height:.62rem;}
.header .htop p{margin:0;position:absolute;top:50%;left:.3rem;font-size:.14rem;color:#FFF;transform:translateY(-50%)}
.header .w1600{position:relative;padding:0 .3rem;background:#FFF;display:flex;align-items: center;}
.header .w1600>div{}
.header .w1600 .navlist{text-align:right}
.header .w1600  .logos{line-height:.78rem;}
.header .w1600  .logos img {max-height:.52rem;transition:none;}
.header .w1600  .navlist li {display:inline-block;vertical-align:middle;position:relative;width:12.2%;text-align:center;}
.header .w1600 .navlist li>a{font-size:.17rem;color:#333;;font-weight:bold;position:relative;display:block;line-height:.78rem;transition:.1s}
.header .w1600 .navlist li>a span {display:inline-block;position:relative;line-height:1}
.header .w1600 .navlist li>a:after{content:'';width:0;height:3px;background:#0089d1;position:absolute;bottom:-1px;left:0;}
.header .w1600 .navlist li>a i{font-size:.12rem;color:#8a8a8a;margin-left:5px;}
.header .w1600 .navlist li dl {position:absolute;margin:0;padding:0 .23rem .13rem;top:100%;left:0;background:#FFF;border-radius:0 0 10px 10px;width:100%;display:none;transition:none;}
.header .w1600 .navlist li dl dd {border-top:2px solid #f9f9f9;text-align:center}
.header .w1600 .navlist li dl dd a{display:block;line-height:.35rem;font-size:.14rem;color:#000000;}
.header .w1600 .navlist li.active>a:after{width:100%}
.header .w1600 .navlist li.active>a{color:#0089d1}
.header .w1600 .navlist li>a:hover:after{width:100%}
.header .w1600 .navlist li>a:hover{color:#0089d1}
.header  .items{text-align:right;vertical-align:middle}
.header  .items dl {display:inline-block;margin:0;padding:0;position:relative}
.header  .items dl dt {font-size:.14rem;color:#545454;padding:4px 23px 4px 10px;width:1.6rem;font-weight:normal;border:1px solid #ccc;cursor:pointer;display:flex;align-items: center;}
.header  .items dl dt img{margin-right:4px}
.header  .items dl dt i{font-size:2px;color:#8a8a8a;position:absolute;right:10%}
.header  .items dl dd{position:absolute;top:100%;left:0;width:100%;border:1px solid #c5c5c5;border-radius:0 0 10px 10px;display:none;transition:none;border-top:0;background:#FFF}
.header  .items dl dd a{display:block;line-height:.3rem;font-size:.14rem;color:#000;text-align:center;border-top:2px solid #f9f9f9;}
.header  .items dl.ons dt {border-radius:10px 10px 0 0}
.header  .search{text-align:right}
.header  .search a{font-size:.24rem;display:inline-block;color:#209eea}
/*banner*/
.tem_banner .swiper-slide img,.tem_banner .swiper-slide video {width:100%;height:100vh;object-fit:cover;}
.tem_banner .swiper-slide.vid:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:1}
.tem_banner .label_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;width:100%}
.tem_banner .label_txt em {font-size:.18rem;color:#FFF}
.tem_banner .label_txt h3 {font-size:.64rem;color:#FFF;margin:.2rem 0;text-transform:uppercase;font-weight:bold;}
.tem_banner .label_txt p{font-size:.2rem;color:#FFF;margin:0}
.tem_banner .swiper-page{margin:2.5rem 0 0;text-align:center}
.tem_banner .swiper-page>div{display:inline-block;vertical-align:top;width:.41rem;height:.41rem;border:1px solid #FFF;border-radius:100%;line-height:.39rem;font-size:.24rem;color:#FFF;margin:0 .1rem;}
.tem_banner .swiper-page>div:hover {background:#FFF;color:#843531}


.index_infos{background:white}
.index_infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}
.index_infos ul li{text-align:center;padding:.2rem 0  .1rem}
.index_infos ul li i {font-size:.45rem;color:#999}
.index_infos ul li  h2{line-height:1.7em;font-size:.2rem}
.index_infos ul li:hover i{color:#e60012;animation: swing  .8s linear infinite;}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.m335 {margin:0 3.35rem;}
/* .index_about{padding:.88rem 0 1.22rem;background:#f2f2f2}
.index_about>div>div{display:inline-block;vertical-align:middle;width:58%}
.index_about .nums{width:42%}
.index_about .text{padding:0 .62rem 0 0}
.index_about .text h3 {font-size:.36rem;color:#222222;margin:0 0 .55rem}
.index_about .text .editor{font-size:.16rem;color:#737373;line-height:1.8;margin:0 0 .55rem;}
.index_about .text>a{display:inline-block;background:#000;font-size:.18rem;color:#FFF;padding:0 .25rem;line-height:.5rem;border-radius:6px;}
.index_about .text>a i {font-size:.14rem;margin-left:.15rem;}
.index_about .nums{position:relative}
.index_about .nums>div{display:inline-block;vertical-align:top;width:50%;padding:.7rem 0 .6rem .7rem;}
.index_about .nums h5 {font-size:.24rem;color:#4c4c4c;font-weight:bold;line-height:1}
.index_about .nums h5 em {font-size:.45rem;margin-right:.1rem;line-height:1}
.index_about .nums p{font-size:.21rem;color:#4c4c4c;font-weight:bold;margin:.2rem 0 0}
.index_about .nums:before,.index_about .nums:after{content:'';width:1px;height:100%;background:#e1e1e1;position:absolute;top:0;left:50%}
.index_about .nums:after{width:100%;height:1px;top:50%;left:0}
 */
.m240{margin:0 2.4rem;}
.index_product{padding:.8rem 0;background:#FFF}
.index_product .title{text-align:center;margin:0 0 .45rem;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_product .title h3{font-size:.36rem;color:#222;font-weight:700;line-height:1.7em;}
.index_product .box ul{display:grid;grid-template-columns:1fr 1fr}
.index_product .box ul li{padding:.1rem; }
.index_product .box ul li .infos{background:#f5f5f5;padding:0 0 .3rem}
.index_product .box ul li .infos h2{padding:.2rem 0 .05rem;text-align:center;color:#222;font-weight:700;font-size:.27rem;line-height:1.7em;;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_product .box ul li .infos p{font-size:.14rem;padding:0 .4rem;margin:.1rem 0 .2rem;color:#333;height:.5rem;line-height:.25rem}
.index_product .box ul li .infos .more{text-align:center}
.index_product .box ul li .infos .more a{position:relative;font-size:.14rem;color:#e60012;height:.4rem;line-height:.4rem;padding:0 .4rem;display:inline-block;border:1px solid #e60012;overflow:hidden;border-radius:50px;z-index:2;}
.index_product .box ul li .infos .more a:after{content:"";position:absolute;background:#e60012;width:100%;left:50%;transform:translateX(-50%);bottom:0;z-index:-1;height:0;border-radius:50px;transition:.4s}
.index_product .box ul li .infos .more a:hover:after{height:100%}
.index_product .box ul li .infos .more a:hover{color:white}
/* .index_product .titles{text-align:center;margin:0 0 .3rem;}
.index_product .titles h3 {font-size:.36rem;color:#222222;padding:0 0 .2rem;position:relative}
.index_product .titles h3:after{content:'';width:2.6rem;height:1px;background:#505050;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.index_product .titles p{font-size:.16rem;color:#737373;margin:.2rem 0 0}
.index_product .lists ul:first-child {display:grid;grid-template-columns:1fr 1fr;gap:0 .3rem;margin:0 0 .28rem}
.index_product .lists li a{display:block;position:relative;}
.index_product .lists ul:first-child li img {width:100%;height:100%;object-fit:cover;transition:none;}
.index_product .lists li .txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;}
.index_product .lists li .txt h6 {font-size:.21rem;color:#FFF;margin:0 0 .6rem;}
.index_product .lists li .txt em {font-size:.18rem;color:#FFF;padding:0 .12rem .1rem;border-bottom:1px solid rgba(255,255,255,.6)}
.index_product .lists ul:first-child +ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .3rem}
.index_product .lists ul:first-child +ul li img {width:100%;height:3.5rem;object-fit:cover;transition:none;} */


.index_about{padding:1.25rem 0;background-size:cover;background-attachment:fixed}
.index_about .top{display:grid;grid-template-columns:1fr 1fr;margin:0 0 .5rem}
.index_about .top .left h3{font-size:.4rem;color:white;font-weight:bold;line-height:1.4em}
.index_about .top .left h2{font-size:.35rem;color:white;font-weight:bold;line-height:1.7em}
.index_about .top .left p{text-align:justify;font-size:1rem;color:rgba(230,230,230,0.3);font-weight:400;font-family:Headland One;line-height:1em;margin:.1rem 0 0 }
.index_about .top .right p{font-size:.16rem;color:#eeeeee;line-height:1.8em}
.index_about .top .right .more{margin:.5rem 0 0}
.index_about .top .right .more a{position:relative;font-size:.14rem;color:white;height:.48rem;line-height:.48rem;padding:0 .6rem;display:inline-block;border:1px solid white;overflow:hidden;border-radius:50px;z-index:2;}
.index_about .top .right .more a:after{content:"";position:absolute;background:#e60012;width:100%;left:50%;transform:translateX(-50%);bottom:0;z-index:-1;height:0;border-radius:50px;transition:.4s}
.index_about .top .right .more a:hover:after{height:100%}
.index_about .top .right .more a:hover{color:white}
.index_about ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.index_about ul li{border-right:1px solid rgba(221,221,221,0.5);text-align:center}


.index_about ul li h2 {font-size:.15rem;color:white;line-height:.9rem;vertical-align:middle}
.index_about ul li h2 em{font-size:.55rem;color:white;vertical-align:middle;padding:0 5px}
.index_why{padding:.8rem 0 .9rem;}
.index_why .title{text-align:center;margin:0 0 .25rem;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_why .title h2{font-size:.38rem;color:#222;font-weight:700;line-height:1.7em;}
.index_why  ul li{display:flex;margin:0 0 .2rem;align-items:center;}
.index_why  ul li:nth-child(2){flex-direction:row-reverse}
.index_why  ul li .img{padding:0 .3rem;width:50%}
.index_why  ul li .text{padding:0 .2rem;width:50%}
.index_why  ul li .text h2{font-size:.3rem;color:#333;font-weight:bold;margin:0 0 .15rem;line-height:1.8em;border-bottom:1px solid #ddd}
.index_why  ul li .text p{font-size:.15rem;color:#545454;line-height:1.7em}
.index_case{background:#11171e}
.index_case .title{padding:.7rem 0 .45rem;text-align:center}
.index_case .title h2{font-size:.38rem;margin:0 0 .2rem;color:white;font-weight:700;line-height:1.7em;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_case .title p{font-size:.16rem;color:#ddd}

.index_case ul{display:flex}
.index_case ul li{width:25%;position:relative}
.index_case ul li h2{position:absolute;left:0;width:100%;bottom:0;text-align:center;line-height:2.7em;background-color:rgba(0, 0, 0, 0.6);font-size:.2rem;color:white;}


.index_news {padding:.8rem 0 .9rem;background:url(../images/di.jpg) left center no-repeat;background-size:contain;background-color:rgb(247, 247, 247)}
.index_news .title{text-align:center;margin:0 0 .25rem;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_news .title h2{font-size:.38rem;color:#222;font-weight:700;line-height:1.7em;}
.index_news .lists ul{display:flex;justify-content: space-between;}
.index_news .lists ul li{width:32.5%;box-shadow:0 2px 10px 0 rgb(54 58 59 / 15%)}
.index_news .lists ul li a{display:block;border-bottom:3px solid #e60012}
.index_news .lists ul li a:hover img{transform:scale(1.1)}
.index_news .lists ul li a:hover .text h2{color:#e60012}

.index_news .lists ul li .imgs{position:relative;overflow:hidden}
.index_news .lists ul li .imgs img{height:3rem;object-fit:cover}
.index_news .lists ul li .imgs .time{position:absolute;left:0;width:100%;padding:.12rem .3rem;bottom:0;z-index:2;background:#171717;display:flex;gap:10px;align-items: center;}
.index_news .lists ul li .imgs .time i{font-size:.14rem;color:white}
.index_news .lists ul li .imgs .time span{font-size:.16rem;color:white}
.index_news .lists ul li  .text{padding:.3rem .3rem .3rem}
.index_news .lists ul li  .text h2{font-size:.18rem;color:#595757;height:48px;line-height:24px;margin:0 0 .2rem}
.index_news .lists ul li  .text  p{font-size:.13rem;color:#585656;height:72px;line-height:24px;overflow:hidden;margin:0 0 .4rem}
.index_news .lists ul li  .text em{font-size:.14rem;color:#e60012;width:100%;display:inline-block;text-align:right}


.index_message{padding:.75rem 0 .9rem}
.index_message .bg{position:relative}
.index_message .bg #particles-js{position:absolute;left:0;top:0;height:100vh;width:100%;z-index:-1}
.index_message .bg #particles-js canvas{height:100% !important;width:100%;object-fit:contain;position:absolute;;left:0;top:0;}
.index_message .title{text-align:center;margin:0 0 .25rem;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat center bottom;background-size:initial}
.index_message .title h2{font-size:.38rem;color:#222;font-weight:700;line-height:1.7em;}
.index_message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.2rem}
.index_message .form ul li em{color:#e60012}
.index_message .form ul li p{line-height:1.7em;font-size:.14rem;color:#545454}
.index_message .form ul li input{width:100%;height:.4rem;background-color: rgba(243, 243, 243, 0.73); color: rgb(0, 0, 0);border:1px solid #ccc;border-radius:3px;font-size:.14rem;color:#333;text-indent:6px}
.index_message .form  .area{margin:.2rem 0 0}
.index_message .form  .area p{line-height:1.7em;font-size:.14rem;color:#545454}
.index_message .form  .area p em{color:#e60012}
.index_message .form  .area textarea{width:100%;height:.9rem;background-color: rgba(243, 243, 243, 0.73); color: rgb(0, 0, 0);border:1px solid #ccc;border-radius:3px;font-size:.14rem;color:#333;text-indent:6px}
.index_message .form  .sub{margin:.4rem 0 0;text-align:center;}
.index_message .form  .sub button{width:1.7rem;height:.45rem;color:white;border-radius:50px;background:#0078b6;border:0;color:white;font-size:.14rem}
.index_message .form  .sub button:hover{background:#e60012}


.index_contact {padding:.35rem 0 ;background:#0078b6}
.index_contact>div{display:grid;grid-template-columns:75% 25%;align-items:center}
.index_contact  .text{position:relative;padding-left:1.1rem}
.index_contact  .text h2{font-size:.3rem;color:white;font-weight:bold;line-height:1.8em}
.index_contact  .text:after{content:"\f095";font: normal normal normal 14px/1 FontAwesome;;position:absolute;width:.6rem;height:.6rem;border-radius:100%;border:2px solid  #fff;left:.2rem;top:50%;transform:translateY(-50%);color:white;font-size:.4rem;text-align:center;line-height:.6rem}
.index_contact  .text p{font-size:.18rem;color:white}


.index_contact  .more a{position:relative;font-size:.14rem;background:white;color:#0078b6;height:.48rem;line-height:.48rem;padding:0 .6rem;display:inline-block;;overflow:hidden;border-radius:50px;z-index:2;}
.index_contact  .more a:after{content:"";position:absolute;background:#e60012;width:100%;left:50%;transform:translateX(-50%);bottom:0;z-index:-1;height:0;border-radius:50px;transition:.4s}
.index_contact  .more a:hover:after{height:100%}
.index_contact  .more a:hover{color:white}
/* .index_why:before{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}
.index_why .titles{display:flex;    justify-content: space-between;    align-items: flex-start;padding:0 0 .65rem;border-bottom:2px solid rgba(255,255,255,.4)}
.index_why .titles h3 {font-size:.36rem;color:#FFF;width:4rem;}
.index_why .titles>a{background:rgba(255,255,255,.1);padding:0 .26rem;line-height:.5rem;font-size:.18rem;color:#FFF;border-radius:6px;margin:.25rem 0 0}
.index_why .titles>a i{font-size:.14rem;margin-left:.15rem;}
.index_why .lists li {margin:.8rem 0 0;width:60%}
.index_why .lists li h6 {font-size:.21rem;color:#ccc;margin:0 0 .15rem}
.index_why .lists li .editor {font-size:.16rem;color:#787878;line-height:1.8} */




.index_service{padding:.95rem 0 1rem;background:#FFF}
.index_service .titles{margin:0 0 .5rem;text-align:center;}
.index_service .titles h3 {font-size:.36rem;color:#222222;padding:0 0 .23rem;margin:0 0 .2rem;position:relative;}
.index_service .titles h3:after{content:'';width:2.6rem;height:1px;background:#202020;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.index_service .titles p{font-size:.16rem;color:#737373;margin:0}
.index_service .lists{display:grid;grid-template-columns:1fr 1fr;gap:0 .3rem;}
.index_service .lists a{display:block;position:relative;}
.index_service .lists .imgs img {width:100%;height:3.8rem;object-fit:cover;transition:none;}
.index_service .lists h5 {font-size:.4rem;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-weight:bold;}

.index_partner{padding:.75rem 0 1.7rem;text-align:center;background:#FFF}
.index_partner .titles{margin:0 0 .5rem;text-align:center;}
.index_partner .titles h3 {font-size:.36rem;color:#222222;padding:0 0 .23rem;margin:0 0 .2rem;position:relative;}
.index_partner .titles h3:after{content:'';width:2.6rem;height:1px;background:#202020;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.index_partner .titles p{font-size:.16rem;color:#737373;margin:0}
.index_partner ol {margin:0 0 .6rem;padding:0;text-align:center}
.index_partner ol li {display:inline-block;vertical-align:middle;padding:0 .34rem;}
.index_partner ol li a{display:block;padding:0 .2rem;line-height:.5rem;font-size:.21rem;color:#222222;border-radius:999px;}
.index_partner ol li#current a{background:#222;color:#FFF}
.index_partner .itembox .swiper-slide {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem .2rem;text-align:left;}
.index_partner .itembox .swiper-slide a{display:block;position:relative;}
.index_partner .itembox .swiper-slide .imgs_ img {width:100%;height:2.45rem;object-fit:cover;transition:none}
.index_partner .itembox .swiper-slide h6{padding:.25rem 0 .2rem;font-size:.18rem;color:#333;line-height:.3rem;height:.6rem;overflow:hidden}
.index_partner .itembox .swiper-slide p{font-size:.14rem;color:#000;line-height:.26rem;height:.78rem;overflow:hidden;margin:0 0 .15rem}
.index_partner .itembox .swiper-slide em {display:inline-block;background:#000;font-size:.16rem;color:#FFF;padding:0 .35rem;line-height:.45rem;border-radius:10px;}
.index_partner .itembox .swiper-slide a:hover .imgs_{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}

.index_partner .itembox .slide-pagination{margin:.45rem 0 0;text-align:center}
.index_partner .itembox .slide-pagination span {    opacity: 1;
    outline: none;
    margin: 0 .05rem;
    width: 10px;
    height: 10px;
    background: #a7a7a7;}
.index_partner .itembox .slide-pagination span.swiper-pagination-bullet-active{background:#000}
/**/
.footer{background:url(../images/foot.jpg) 0 0 no-repeat;background-size:cover}
.footer .top{padding:.55rem 0 }
.footer .top ul{display:grid;grid-template-columns:31% 25% 25% 16%;justify-content:space-between }
.footer .top ul li h2{font-size:.2rem;color:#e6e6e6;font-weight:bold;line-height:1.8em;padding:0 0 .1rem;background:url(../images/a1.png) no-repeat left bottom;background-size:initial;margin:0 0 .25rem}
.footer .top ul li .infos{padding-right:.8rem;margin:0 0 20px}
.footer .top ul li .infos p{font-size:.16rem;color:#e6e6e6}
.footer .top ul li .infos p a{font-size:.16rem;color:#e6e6e6}
.footer .top ul li .share {display:flex}
.footer .top ul li .share a{display:inline-flex;width:.36rem;height:.36rem;background:#0078b6;margin-right:8px;border-radius:2px;flex-direction: column;align-content: center;justify-content: center;align-items: center;}
.footer .top ul li .share a i{font-size:.14rem;color:white}
.footer .top ul li .share a  img{max-width:.14rem;filter:brightness(0) invert(1)}
.footer .top ul li  dd a{font-size:.16rem;color:#e6e6e6;line-height:1.7em;display:inline-block}
.footer .top ul li  dd a:hover{color:white;border-bottom:1px solid white}
.footer .bot{height:.5rem;text-align:center;line-height:.5rem;border-top:1px solid rgba(230, 230, 230, 0.15)}
.footer .bot p{font-size:.16rem;color:#666;margin:0}
.footer .bot p a{font-size:.16rem;color:#666;margin:0;margin-left:.2rem}
.footer .bot p a:hover {color:white;border-bottom:1px solid white}
/**/
.sort_navlist{background:#f2f2f2;text-align:center}
.sort_navlist li {display:inline-block;vertical-align:middle;padding:0 .75rem;}
.sort_navlist li a{font-size:.18rem;color:#737373;display:block;line-height:.6rem;}
.sort_navlist li.on a,.sort_navlist li a:hover {color:#000}

.company{padding:1.3rem 0 .75rem;border-bottom:2px solid #d5d5d5}
.company h3 {font-size:.36rem;color:#222222;margin:0 0 .45rem;line-height:1.7}
.company .mains>div{display:inline-block;vertical-align:top;width:56%}
.company .mains .boxs{padding:0 .8rem 0 0}
.company .mains .boxs .editor{font-size:.18rem;color:#737373;line-height:1.8}
.company .mains .boxs .nums{display:flex;margin:1rem 0 0;justify-content:space-between;}
.company .mains .boxs .nums h5{font-size:.24rem;color:#212121}
.company .mains .boxs .nums h5 em {font-size:.4rem;}
.company .mains .boxs .nums p{font-size:.18rem;color:#212121;margin:.1rem 0 0}
.company .mains .imgs{width:44%}
.company .mains .imgs video{width:100%;height:4.25rem;background:#000}

.advs {padding:1.1rem 0 0}
.advs h3{text-align:center;font-size:.36rem;color:#222222;margin:0 0 .55rem;}
.advs h3 span {display:inline-block;position:relative}
.advs h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.advs .lists>div{display:flex;margin:0 0 .1rem;align-items:center;padding:.5rem 0}
.advs .lists .imgs{width:48.6%}
.advs .lists .imgs img {width:100%;height:5.16rem;object-fit:cover;transition:none}
.advs .lists .text{width:51.4%;padding:0 1rem 0 .9rem;}
.advs .lists .text h4 {font-size:.3rem;color:#000000;margin:0 0 .3rem;font-weight:bold;}
.advs .lists .text .t {font-size:.18rem;color:#737373;line-height:1.7}
.advs .lists>div:nth-child(2n) {    flex-direction: row-reverse;}
.advs .lists>div:hover {background:#212121}
.advs .lists>div:hover .imgs{transform:translateX(.45rem)}
.advs .lists>div:hover .text h4,.advs .lists>div:hover .text .t {color:#FFF}
.advs .lists>div:nth-child(2n):hover .imgs{transform:translateX(-.45rem)}

.partner{border:.25rem solid #f2f2f2;padding:.65rem 2.15rem .6rem}
.partner h3{text-align:center;font-size:.36rem;color:#222222;margin:0 0 .55rem;}
.partner h3 span {display:inline-block;position:relative}
.partner h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.partner .mains>div{display:inline-block;vertical-align:bottom;width:44.8%}
.partner .mains .text{width:55.2%;padding:0 0 0 1.45rem;font-size:.18rem;color:#737373;line-height:1.7}

.factory{padding:.9rem 0 .65rem;}
.factory .titles{text-align:center;margin:0 0 .5rem;}
.factory .titles h3{text-align:center;font-size:.36rem;color:#222222;}
.factory .titles h3 span {display:inline-block;position:relative}
.factory .titles h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.factory .titles p{font-size:.16rem;color:#737373;margin:.42rem 0 0}
.factory ol {margin:0 0 .65rem;padding:0;text-align:center}
.factory ol li {display:inline-block;vertical-align:middle;padding:0 .14rem;}
.factory ol li a{display:block;font-size:.21rem;color:#222;padding:0 .5rem;border-radius:999px;line-height:.4rem;}
.factory ol li#current a{background:#000;color:#FFF}
.factory .itembox .swiper-slide a{display:block;position:relative;}
.factory .itembox .swiper-slide img {width:100%;height:3rem;object-fit:cover;transition:none;border-radius:10px;}
.factory .itembox .slide-pagination{margin:.48rem 0 0;text-align:center}
.factory .itembox .slide-pagination span {opacity:1;outline:none;margin:0 .05rem;width:10px;height:10px;background:#a7a7a7;}
.factory .itembox .slide-pagination span.swiper-pagination-bullet-active{background:#000}


.honor{padding:.78rem 0 .65rem;background:#f2f2f2}
.honor .titles{text-align:center;margin:0 0 .5rem;}
.honor .titles h3{text-align:center;font-size:.36rem;color:#222222;}
.honor .titles h3 span {display:inline-block;position:relative}
.honor .titles h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.honor .titles p{font-size:.16rem;color:#737373;margin:.42rem 0 0}
.honor ol {margin:0 0 .65rem;padding:0;text-align:center}
.honor ol li {display:inline-block;vertical-align:middle;padding:0 .14rem;}
.honor ol li a{display:block;font-size:.21rem;color:#222;padding:0 .5rem;border-radius:999px;line-height:.4rem;}
.honor ol li#current a{background:#000;color:#FFF}
.honor .itembox .swiper-slide a{border:1px solid #3d3d3d;border-radius:12px;overflow:hidden;display:block;height:3.8rem;line-height:3.78rem;text-align:center;background:#FFF;padding:0 .15rem;}
.honor .itembox .swiper-slide img {max-height:3.35rem;}
.honor .itembox .slide-pagination{margin:.48rem 0 0;text-align:center}
.honor .itembox .slide-pagination span {opacity:1;outline:none;margin:0 .05rem;width:10px;height:10px;background:#a7a7a7;}
.honor .itembox .slide-pagination span.swiper-pagination-bullet-active{background:#000}
/**/
.tem_banner.indise {padding:.79rem 0 0}
.product_box{}
.product_box .desc{padding:.85rem 0 .5rem;font-size:.18rem;color:#000000;line-height:1.78}
.product_box .mains{background:#f2f2f2;padding:.5rem 0}
.product_box .mains>div>div{display:inline-block;vertical-align:middle;width:58%}
.product_box .mains .imgs{width:42%}
.product_box .mains .text{padding:0 1.6rem 0 0;}
.product_box .mains .text h3 {font-size:.36rem;color:#000000;margin:0 0 .4rem;}
.product_box .mains .text .editor{font-size:.16rem;color:#000000;line-height:1.7;margin:0 0 .45rem;}
.product_box .mains .text>a{display:inline-block;background:#000;border-radius:3px;font-size:.18rem;color:#FFF;padding:0 .25rem;line-height:.5rem;}
.product_box .mains .text>a i {margin-left:.25rem;font-size:.14rem}
.product_box .mains .imgs span {display:inline-block;background:none !important}
.product_box .listbox{padding:.8rem 0 1.75rem;}
.product_box .listbox .titles{text-align:center;margin:0 0 .6rem;}
.product_box .listbox .titles h3{text-align:center;font-size:.36rem;color:#222222;}
.product_box .listbox .titles h3 span {display:inline-block;position:relative}
.product_box .listbox .titles h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.product_box .listbox .titles p{font-size:.16rem;color:#737373;margin:.42rem 0 0}
.product_box .listbox .lists{padding:0 .4rem;}
.product_box .listbox .lists ul {display:grid;grid-template-columns:1fr 1fr;gap:.7rem .4rem}
.product_box .listbox .lists li a{display:block;text-align:center}
.product_box .listbox .lists li .imgs{position:relative;margin:0 0 .3rem}
.product_box .listbox .lists li .imgs img {width:100%;height:4.5rem;object-fit:cover;transition:none}
.product_box .listbox .lists li .imgs .t {position:absolute;z-index:3;top:60%;text-align:center;width:51%;left:50%;transform:translateX(-50%);opacity:0}
.product_box .listbox .lists li .imgs .t em {background:#FFF;font-size:.18rem;color:#000;text-align:center;line-height:.5rem;display:block;margin:0 .2rem;}
.product_box .listbox .lists li .imgs:before{content:'';width:100%;height:0;background:#000;opacity:.4;position:absolute;top:0;left:0;z-index:2;transition:all .5s ease-in-out}
.product_box .listbox .lists li .imgs .t p{margin:.7rem 0 0;font-size:.18rem;color:#FFF;}
.product_box .listbox .lists li>a>p{display:inline-block;font-size:.3rem;color:#000000;padding:0 0 .18rem;position:relative;border-bottom:1px solid rgba(0,0,0,0)}
.product_box .listbox .lists li>a:hover .imgs:before{height:100%}
.product_box .listbox .lists li>a:hover .imgs .t {top:40%;transition: all .8s cubic-bezier(.69, .27, .45, .99); transition-delay:100ms;opacity:1}
.product_box .listbox .lists li>a:hover>p{border-color:#c0c0c0}
.flash {position:relative}
.flash .page_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:.36rem;color:#FFF;text-align:center;width:5.4rem;max-width:100%}
/**/
.prolist{padding:1rem 0}
.prolist>div>div{display:inline-block;vertical-align:top;width:29%}
.prolist .rlt{width:71%}
.prolist .let {padding:0 .99rem 0 0}
.prolist .let h5 {font-size:.18rem;color:#000000;background:#f7f7f7;line-height:.4rem;padding:0 .11rem;position:relative;margin:0 0 .25rem}
.prolist .let h5:after{content:'';width:100%;height:1px;background:#d8d8d8;bottom:-3px;left:0}
.prolist .let .navs h5:before {content:'';width:.1rem;height:2px;background:#bdbdbd;position:absolute;right:.1rem;top:50%;transform:translateY(-50%);}
.prolist .let .navs dl {margin:0 0 .1rem;padding:0 .1rem}
.prolist .let .navs dl dt {position:relative;font-weight:normal;}
.prolist .let .navs dl dt a{display:block;position:relative;}
.prolist .let .navs dl dt:after{content:'';width:100%;height:2px;background:#efefef;position:absolute;left:0;bottom:0;transition:all .6s ease-in-out}
.prolist .let .navs dl dt span {display:inline-block;font-size:.16rem;color:#000;padding:.1rem 0;position:relative}
.prolist .let .navs dl dt span:after{content:'';width:0;height:2px;background:#efefef;position:absolute;left:0;bottom:0;transition:all .6s ease-in-out}
.prolist .let .navs dl dt em{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.prolist .let .navs dl dt em i {font-size:.16rem;color:#9d9d9d;opacity:1}
/* .prolist .let .navs dl dt em:before,.prolist .let .navs dl dt em:after{content:'';width:.08rem;height:.02rem;background:#c1c1c1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease-in-out} */
/* .prolist .let .navs dl dt em:after{transform:translate(-50%,-50%) rotate(90deg);} */
.prolist .let .navs dl dd{padding-left:.3rem;display:none;transition:none;}
.prolist .let .navs dl dd p{padding:.1rem 0;margin:0;border-bottom:1px solid #a2a2a2}
.prolist .let .navs dl dd p a{font-size:.16rem;color:#6d6d6d;display:flex;position:relative;justify-content:space-between;align-items:center}
.prolist .let .navs dl dd .nav3-item{display:none;transition:none}
.prolist .let .navs dl dd .nav3-item a{font-size:.16rem;color:#6d6d6d;padding:.1rem 0;margin:0;display:block;;border-bottom:1px solid #a2a2a2}
.prolist .let .navs dl dd p a i{font-size:.14rem;color:#a2a2a2}
.prolist .let .navs dl.opens dt em i{opacity:1}
.prolist .let .navs dl.opens dt em:before,.prolist .let .navs dl.opens dt em:after{opacity:0}
.prolist .let .navs dl.opens dt:after {width:0}
.prolist .let .navs dl.opens dt span:after{width:100%}
.prolist .let .hot{margin:.65rem 0 0;border-bottom:2px solid #efefef}
.prolist .let .hot li{margin:0 0 .25rem;}
.prolist .let .hot li a>*{display:inline-block;vertical-align:middle;width:22%}
.prolist .let .hot li img {width:100%;height:.7rem;object-fit:cover;transition:none}
.prolist .let .hot li p{width:78%;padding:0 0 0 .55rem;font-size:.16rem;color:#000000}
.prolist .rlt ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.33rem .63rem;}
.prolist .rlt li a{display:block;}
.prolist .rlt li .imgs img {width:100%;height:3rem;object-fit:cover;transition:none;}
.prolist .rlt li p{font-size:.16rem;color:#000;margin:.1rem 0 0}
.prolist .rlt li a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.prolist .let .navs .iconfont.rotate {
    transform: rotate(-90deg);
}
.page {margin:.8rem 0 0}
.page a,.page span {display:inline-block;margin:0 .1rem;width:.26rem;height:.26rem;line-height:.26rem;font-size:.16rem;color:#000;border-radius:100%}
.page a.page-item{color:#a8a8a8;margin:0 .25rem;}
.page a.page-num-current{background:#000;color:#FFF}
/**/
.promessage{padding:.95rem 0 1rem;}
.m320 {margin:0 3.06rem;}
.promessage h3 {font-size:.18rem;color:#000;margin:0 0 .5rem;padding:0 .14rem;}
.promessage h3 em {font-weight:bold;}
.promessage h3 i {color:red}
.promessage .lists li {margin:0 0 .35rem;padding:0 .14rem;}
.promessage .lists li p{font-size:.18rem;color:#555;font-weight:bold;margin:0 0 .15rem;}
.promessage .lists li p i{color:red;margin-left:.1rem;}
.promessage .lists li input,.promessage .lists li textarea{width:100%;height:.5rem;background:#f7f7f7;border:1px solid #c4c4c4;padding:0 .15rem;min-height:35px;font-size:.16rem;color:#000}
.promessage .lists li textarea{height:2.55rem;padding:.15rem}
.promessage .lists li input[name="checkcode"]{width:30%;display:inline-block;vertical-align:middle}
.promessage .lists li img {height:.5rem;min-height:35px;margin-left:.15rem;transition:none}
.promessage .lists li button {background:#000;font-size:.18rem;color:#FFF;height:.5rem;border-radius:6px;padding:0 .25rem;border:0}
.promessage .lists li button i {margin-left:.2rem;font-size:.14rem;}
/**/
.show_product{padding:.6rem 0 0}
.m390{margin:0 3.9rem}
.show_product .mains{margin:0 0 1rem;}
.show_product .mains>div{display:inline-block;vertical-align:top;width:48.7%}
.show_product .mains .text{width:51.3%;padding-left:.3rem;}
.show_product .mains .imglist #gallery img {width:100%;transition:none;}
.show_product .mains .imglist #thumbs{margin:.1rem 0 0}
.show_product .mains .imglist #thumbs img{width:100%;height:1.28rem;object-fit:cover;transition:none;}
.show_product .mains .text h3 {font-size:.34rem;color:#000;font-weight:bold;margin:0 0 .25rem;}
.show_product .mains .text>p{font-size:.16rem;color:#555555;margin:0 0 .5rem;}
.show_product .mains .text .info p{margin:0;padding:.15rem 0;border-bottom:2px solid #e2e2e2;display:flex;justify-content:space-between;align-items:center;font-size:.16rem;color:#6d6d6d}
.show_product .mains .text .info a{font-size:.16rem;color:#6d6d6d}
.show_product .mains .text .links{margin:.55rem 0 0}
.show_product .mains .text .links>a{display:inline-block;margin:0 .28rem 0 0;font-size:.18rem;color:#FFF;padding:0 .25rem;line-height:.45rem;border-radius:6px;background:#000}
.show_product .mains .text .links>a i {margin-left:.2rem;font-size:.14rem;}
.show_product .mains .text .links>a:hover {background:#eb3d00}
.show_product .details{padding:.95rem .3rem;}
.show_product .details h5 {font-size:.21rem;color:#000;border-bottom:2px solid #efefef}
.show_product .details h5 span{position:relative;padding:0 0 .1rem;display:inline-block;}
.show_product .details h5 span:after{content:'';width:100%;height:2px;background:#000;position:absolute;bottom:-2px;left:0;z-index:2}
.show_product .details .editor{font-size:.18rem;color:#6d6d6d;line-height:1.8;padding:.55rem 0 0}

.show_product .other{padding:0 .3rem;}
.show_product .other h5 {font-size:.21rem;color:#000;border-bottom:2px solid #efefef;}
.show_product .other h5 span{position:relative;padding:0 0 .1rem;display:inline-block;}
.show_product .other h5 span:after{content:'';width:100%;height:2px;background:#000;position:absolute;bottom:-2px;left:0;z-index:2}
.show_product .other .lists {position:relative;margin:.5rem 0 0}
.show_product .other .lists .swiper-slide a{display:block;position:relative;overflow:hidden;}
.show_product .other .lists .swiper-slide .imgs img {width:100%;height:2.65rem;object-fit:cover;transition:none;}
.show_product .other .lists .swiper-slide a:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.4);position:absolute;top:0;left:0;z-index:1;opacity:0;transition:all .4s ease-in-out}
.show_product .other .lists .swiper-slide h6 {font-size:.24rem;color:#FFF;width:100%;text-align:center;position:absolute;top:10%;left:0;z-index:2;opacity:0;}
.show_product .other .lists .swiper-slide em {position:absolute;bottom:-.5rem;left:0;width:100%;text-align:center;font-size:.16rem;color:#000;background:#f7f7f7;line-height:.4rem;z-index:3}
.show_product .other .lists .swiper-page>div{position:absolute;top:50%;left:-.3rem;transform:translateY(-50%);z-index:1;font-size:.26rem;color:#8c8c8c}
.show_product .other .lists .swiper-page>div.slide-button-next {left:auto;right:-.3rem;}
.show_product .other .slide-pagination{margin:.52rem 0 0;text-align:center;}
.show_product .other .slide-pagination span {opacity:1;outline:none;width:10px;height:10px;margin:0 .06rem;background:#a7a7a7;}
.show_product .other .slide-pagination span.swiper-pagination-bullet-active{background:#000}
.show_product .other .lists .swiper-slide a:hover:before{opacity:1}
.show_product .other .lists .swiper-slide a:hover h6 {opacity:1;top:40%}
.show_product .other .lists .swiper-slide a:hover em {bottom:0;}
/**/
.service_box{}
.service_box .mains{padding:1.4rem 0 1.2rem;}
.service_box .mains .titles{text-align:center;margin:0 0 .5rem;}
.service_box .mains .titles h3{text-align:center;font-size:.36rem;color:#222222;}
.service_box .mains .titles h3 span {display:inline-block;position:relative}
.service_box .mains .titles h3 span:after{content:'';width:100%;height:2px;background:#808080;position:absolute;bottom:-.19rem;left:0}
.service_box .mains .titles p{font-size:.16rem;color:#737373;margin:.42rem 0 0}

.service_box .mains .lists{display:grid;grid-template-columns:1fr 1fr;gap:0 .3rem;}
.service_box .mains .lists a{display:block;position:relative;}
.service_box .mains .lists .imgs img {width:100%;height:3.8rem;object-fit:cover;transition:none;}
.service_box .mains .lists h5 {font-size:.72rem;color:#FFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-weight:bold;}

.service_box .why_box{}
.service_box .why_box h5 {font-size:.21rem;color:#000;border-bottom:2px solid #efefef;}
.service_box .why_box h5 span{position:relative;padding:0 0 .1rem;display:inline-block;}
.service_box .why_box h5 span:after{content:'';width:100%;height:2px;background:#000;position:absolute;bottom:-2px;left:0;z-index:2}
.service_box .why_box .editor{margin:.3rem 0 0}
.service_box .why_box .editor>div{display:flex;align-items:center}
.service_box .why_box .editor>div .text {width:50.7%;padding:0 1rem;;}
.service_box .why_box .editor>div .imgs{width:49.3%}
.service_box .why_box .editor>div .text h6 {font-size:.24rem;color:#000;margin:0 0 .35rem;}
.service_box .why_box .editor>div .text h6 img {max-height:.46rem;transition:none;margin-left:.1rem;}
.service_box .why_box .editor>div .text p{font-size:.16rem;color:#555555;line-height:1.8}
.service_box .why_box .editor>div:nth-child(2n){flex-direction: row-reverse;}
.news_box{padding:1rem 0 .8rem;}
.news_box>div>div{display:inline-block;vertical-align:top;width:29%}
.news_box .rlt{width:71%}
.news_box .let {padding:0 .99rem 0 0}
.news_box .let h5 {font-size:.18rem;color:#000000;background:#f7f7f7;line-height:.4rem;padding:0 .11rem;position:relative;margin:0 0 .25rem}
.news_box .let h5:after{content:'';width:100%;height:1px;background:#d8d8d8;bottom:-3px;left:0}
.news_box .let .navs h5:before {content:'';width:.1rem;height:2px;background:#bdbdbd;position:absolute;right:.1rem;top:50%;transform:translateY(-50%);}
.news_box .let .navs dl {margin:0 0 .1rem;padding:0 .1rem}
.news_box .let .navs dl dt {position:relative;font-weight:normal;}
.news_box .let .navs dl dt a{display:block;position:relative;}
.news_box .let .navs dl dt:after{content:'';width:100%;height:2px;background:#efefef;position:absolute;left:0;bottom:0;transition:all .6s ease-in-out}
.news_box .let .navs dl dt span {display:inline-block;font-size:.16rem;color:#000;padding:.1rem 0;position:relative}
.news_box .let .navs dl dt span:after{content:'';width:0;height:2px;background:#efefef;position:absolute;left:0;bottom:0;transition:all .6s ease-in-out}
.news_box .let .navs dl dt em{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.news_box .let .navs dl dt em i {font-size:.16rem;color:#9d9d9d;}

.news_box .let .navs dl dd{padding-left:.3rem;display:none;transition:none;}
.news_box .let .navs dl dd p{padding:.1rem 0;margin:0}
.news_box .let .navs dl dd p a{font-size:.16rem;color:#6d6d6d;display:flex;position:relative
;justify-content:space-between;align-items:center}
.news_box .let .navs dl dd p a i{font-size:.14rem;color:#a2a2a2}
.news_box .let .navs dl.opens dt:after {width:0}
.news_box .let .navs dl.opens dt span:after{width:100%}
.news_box .rlt h3 {font-size:.24rem;color:#000;font-weight:bold;margin:0 0 .1rem;}
.news_box .rlt li {padding:.34rem 0;border-top:2px solid #efefef;border-bottom:2px solid #efefef;margin:0 0 2px;}
.news_box .rlt li a>div{display:inline-block;vertical-align:middle;width:39.2%}
.news_box .rlt li .text{width:60.8%;padding-left:.3rem;}
.news_box .rlt li .text h5 {font-size:.24rem;color:#000;font-weight:bold;margin:0 0 .2rem;}
.news_box .rlt li .text .info{font-size:.16rem;color:#000}
.news_box .rlt li .text p{font-size:.16rem;color:#6d6d6d;line-height:.26rem;height:.78rem;overflow:hidden;margin:.25rem 0 .35rem;}
.news_box .rlt li .text .mores em {display:inline-block;border:2px solid #efefef;border-radius:6px;padding:0 .2rem;line-height:.3rem;font-size:.14rem;color:#000}
.news_box .rlt li .text .mores em i{margin-left:.25rem;}
.news_box .rlt li a:hover .text .mores em {background:#000;color:#FFF}
/**/
.show_news{padding:.9remrem 0 1rem;}
.show_news .rlt_m{width:71%}
.show_news .rlt_m h2 {font-size:.36rem;color:#000;font-weight:bold;text-align:center;}
.show_news .rlt_m h1 {font-size:.24rem;color:#000;font-weight:bold;margin:.1rem 0;padding:.3rem 0 0;border-top:2px solid #efefef;text-align:center;}
.show_news .rlt_m .infos{padding:0 0 .26rem;border-bottom:2px solid #efefef;text-align:center;}
.show_news .rlt_m .infos>*{display:inline-block;vertical-align:middle;margin:0 .18rem;}
.show_news .rlt_m .infos span {font-size:.16rem;color:#000;position:relative}
.show_news .rlt_m .infos span:after{content:'';width:1px;height:100%;background:#8d8d8d;position:absolute;top:0;right:-.18rem;}
.show_news .rlt_m .infos a{font-size:.16rem;color:#6d6d6d}
.show_news .rlt_m .editor{padding:.3rem 0 .55rem;font-size:.16rem;color:#6d6d6d;line-height:1.9;border-bottom:2px solid #efefef}
.show_news .rlt_m .pages{margin:.3rem 0 0}
.show_news .rlt_m .pages p{margin:0 .6rem 0 0;display:inline-block;vertical-align:middle;}
.show_news .rlt_m .pages p span {font-size:.16rem;color:#6d6d6d;display:inline-block;margin-right:.1rem;}
.show_news .rlt_m .pages p a{font-size:.16rem;color:#000;}
/**/
.contact_box{padding:.6rem 0 0}
.contact_box h1 {font-size:.36rem;color:#000;font-weight:bold;margin:0 0 .2rem}
.contact_box .imgs{position:relative;}
.contact_box .imgs span {background:none !important;display:inline-block}
.contact_box .imgs h6 {font-size:.36rem;color:#FFF;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.contact_box .imgs .code{position:absolute;right:.4rem;bottom:.25rem;z-index:1}
.contact_box .imgs .code img {width:1.3rem;transition:none;}
.contact_box .imgs .code p{text-align:right;margin:.15rem 0 0;font-size:.18rem;color:#FFF}
.contact_box .infos {display:flex;margin:.65rem 0 0}
.contact_box .infos .editor {flex:0 0 66%;display:grid;grid-template-columns:1fr 1fr}
.contact_box .infos .editor p{font-size:.16rem;color:#000}

.contact_box .infos .lists {flex:0 0 34%}
.contact_box .infos .lists li {margin:0 0 .1rem;padding:0}
.contact_box .infos .lists li input,.contact_box .infos .lists li textarea{border: 1px solid #ccc;  box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset;width:100%;height:42px;font-size:.14rem;color:#000;padding:0 .1rem;}
.contact_box .infos .lists li textarea {padding:.1rem;height:.9rem;}
.contact_box .infos .lists li button {width:100%;background:#000;height:42px;font-size:.16rem;color:#FFF;text-align:center;border:0;}
.contact_box .infos .lists li button:hover {background:#286090;border-radius:10px;font-size:.14rem;}
.contact_box .infos .lists li.code{display:flex;align-items:center;gap:0 .2rem;}
.contact_box .infos .lists li.code input {flex:0 0 35%}
.contact_box .infos .lists li.code img {max-height:42px;transition:none}

.contact_box .map #container{height:4.85rem;}
/**/
.down_box{padding:.6rem 0 1.2rem;}
.down_box h3 {font-size:.36rem;color:#000;font-weight:bold;margin:0 0 .55rem;text-align:center}
.down_box .lists table {width:100%;}
.down_box .lists table td {border:1px solid #eee;width:auto;height:.95rem;padding:0 .15rem;font-size:.16rem;color:#333;background:#E1E4EB}
.down_box .lists table tr:nth-child(2n) td{background:#FFF} 
.down_box .lists table td a{font-size:.16rem;color:#333}
.down_box .lists table td:first-child i{font-size:.46rem;color:#F0001A;margin:0 .1rem 0 0}
.down_box .lists table td:last-child i {font-size:.18rem;color:#333;margin:0 .1rem 0 0}
.down_box .lists table tr:first-child td{height:.5rem;}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/
@media(max-width:1750px){
    .header .boxs .navlist li>a{padding:0 .2rem;}
    .index_about .nums>div{padding-left:.35rem;}
    .index_about .nums h5 em{font-size:.35rem;}
}
@media(max-width:1440px){
    .m335{margin:0 2.35rem;}
    .m240{margin:0 1.4rem;}
    .m320{margin:0 2.06rem;}
    .footer .infos .logos,.footer .infos .tels{padding-left:1.4rem;}
    .m390{margin:0 2.9rem;}
    .footer .items .boxs .text{padding-right:1.4rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner,.tem_banner.indise{padding:60px 0 0}

	.m390{margin:0 1.9rem;}
	.footer .infos .logos,.footer .infos .tels{padding-left:1.4rem;}
	.footer .items .boxs .text{padding-right:1.4rem;}
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner .swiper-slide img,.tem_banner .swiper-slide video{width:100%;height:360px;object-fit:cover}
    .tem_banner .label_txt{left:0;width:100%;padding:0 15px;}
    .m335{margin:0 15px;}
	.m240{margin:0 15px}
	.m320{margin:0 10px;}
	.m390{margin:0 15px;}   
	.index_about > div > div{display:block;width:100% !important}
	.index_about .text{padding:0 0 .6rem;}
	.index_product .lists ul:first-child,.index_product .lists ul:first-child + ul,.index_service .lists{grid-template-columns:1fr;gap:.3rem 0}
	.index_why .lists li{width:100%}
	.index_partner .itembox ul{grid-template-columns:1fr 1fr;}
	.footer{display:block}
	.footer .infos,.footer .items{width:100%}
	.footer .infos .logos, .footer .infos .tels{padding-left:15px}
	.footer .items .boxs .navs{padding-left:15px;}
	.footer .items .copy{padding:.2rem 15px .55rem}
	.flash img{width:100%;height:260px;object-fit:cover;transition:none}
	.sort_navlist li{padding:0 .25rem;}
	.company .mains > div{display:block;width:100% !important}
	.company .mains .boxs{padding:0 0 .8rem;}
	.company .mains .boxs .nums{display:block}
	.company .mains .boxs .nums>div{display:inline-block;vertical-align:top;width:50%;margin:0 0 .5rem;}
	.advs .lists > div{display:block;}
	.advs .lists>div>div{width:100% !important}
	.advs .lists .text{padding:.9rem 0 0}
	.partner{padding:.65rem .35rem .6rem;}
	.partner .mains > div{display:block;width:100% !important}
	.partner .mains .text{padding:.7rem 0 0}
	.factory ol li{width:25%;}
	.factory ol li a{padding:0}
	.product_box .mains > div > div{display:block;width:100% !important}
	.product_box .mains .text{padding:0 0 .8rem}
	.product_box .listbox .lists ul{display:block;}
	.prolist > div > div,.news_box > div > div{display:block;width:100% !important}
    .prolist .let,.news_box .let{display:none}
    .prolist .rlt ul{grid-template-columns:1fr 1fr;}
    .show_product .mains > div{display:block;width:100% !important}
    .show_product .mains .text{padding:.35rem 0 0}
    .service_box .mains .lists{grid-template-columns:1fr;gap:.3rem 0}
    .service_box .why_box .editor > div{display:block;margin:0 0 1rem;}
    .service_box .why_box .editor > div>div{width:100% !important}
    .service_box .why_box .editor > div .text{padding:0 0 .5rem;}
    .news_box .rlt li a > div{display:block;width:100% !important}
    .news_box .rlt li .text{padding:.35rem 0 0}

    .contact_box .infos{display:block;}
    .contact_box .infos .editor {margin:0 0 .5rem;grid-template-columns:1fr;gap:.35rem 0}
    
}